<!DOCTYPE html>
<html>
	<head>
		<meta charset="UTF-8">
		<title>我的项目圈-施工抽检</title>
		<link rel="stylesheet" type="text/css" href="../css/vue.css"/>
		<link rel="stylesheet" type="text/css" href="../css/common.css"/>
		<link rel="stylesheet" type="text/css" href="../css/myProject.css"/>
	</head>
	<body>
		<!--公共头部 start-->
		<div class="commonHead">
			<div class="commonHeadLeft">
				<a href="javascript:void(0);"><img src="../img/indexLogo.png" class="houseLogo"/></a>
			</div>
			<div class="commonHeadCenter">
				<ul>
					<li>
						<a class="active">项目圈</a>
					</li>
					<li>
						<a>材料数据库</a>
					</li>
					<li>
						<a>计算工具</a>
					</li>
					<li class="clear"></li>
				</ul>
			</div>
			<div class="commonHeadRight">
				<div class="infoCenter">
					<a href="javascript:void(0);">
						<span class="iconfont-tcl">&#xe643;</span>
						<span class="infoCenterText">消息中心</span>
						<span class="remindCircle"></span>
					</a>
				</div>
				<div class="loginInfo">
					<el-dropdown trigger="click">
						<span class="el-dropdown-link">
						    Kdd<i class="el-icon-caret-bottom el-icon--right"></i>
						</span>
						<el-dropdown-menu slot="dropdown">
						    <el-dropdown-item>账号设置</el-dropdown-item>
						    <el-dropdown-item>退出</el-dropdown-item>
						</el-dropdown-menu>
					</el-dropdown>
				</div>	
				<div class="clear"></div>
			</div>
			<div class="clear"></div>
		</div>
		<!--公共头部 end-->
		
		<!--公共侧边栏 start-->
		<div class="commonSide">
			<div class="sideTitle">项目圈</div>
			<ul class="sideMenu">
				<li class="active">
					<a href="javascript:void(0);">
						<span class="iconfont">&#xe611;</span>
						<span>我的项目</span>
					</a>
				</li>
				<li>
					<a href="javascript:void(0);">
						<span class="iconfont">&#xe60e;</span>
						<span>我的材料库</span>
					</a>
				</li>
				<li>
					<a href="javascript:void(0);">
						<span class="iconfont">&#xe610;</span>
						<span>我的收藏</span>
					</a>
				</li>
			</ul>
		</div>
		<!--公共侧边栏 end-->
		
		<!--内容 start-->
		<div class="content">
			<div class="contentTop">
				<a class="contentBack">
					<span class="iconfont">&#xe60a;</span>
					<span class="backText">返回</span>
				</a>
				<span class="contentSever">|</span>
				<div class="contentTitle">侨乡物业项目</div>
				<span class="contentTitleSever">></span>
				<div class="contentSecondTitle">施工抽检</div>
				<div class="constructionCheckBtnbox">
					<button class="createMaterialBill greenBtn">生成现场材料清单</button>
					<button class="whiteBtn">项目复检</button>
				</div>
				<div class="clear"></div>
			</div>
			
			<!--项目圈内容 start-->
			<div class="constructionCheck">
	
				<div class="projectBox">
					<div class="projectBoxTop">
						<span class="projectBoxName">抽检清单</span>
					</div>
					<div class="memberList">
						<ul>
							<li class="listDec"> 
								<div>类型</div>
								<div>品牌</div>
								<div>型号</div>
								<div>用料面积</div>
								<div>抽检批次</div>
								<div>抽检量</div>
								<div>操作</div>
								<div class="clear"></div>
							</li>
							<ul>
								<li class="memberDec" v-for="checkList in checkForm">
									<div>{{checkList.type}}</div>
									<div>{{checkList.brand}}</div>
									<div>{{checkList.model}}</div>
									<div>{{checkList.Area}}</div>
									<div>{{checkList.batch}}</div>
									<div>{{checkList.quantity}}</div>
									<div><a href="javascript:void(0);">抽检</a></div>
								</li>
							</ul>
						</ul>
					</div>
				</div>
				
					
				<div class="projectBox">
					<div class="projectBoxTop">
						<span class="projectBoxName">材料控制清单</span>
					</div>
					<ul class="materialList">
						<li class="listDec">
							<div class="materialType">材料类型</div>
							<div class="materialArea">材料面积</div>
							<div class="controlRequest">
								<div class="cRFirstMenu">控制要求</div>
								<div class="cRSecondMenu">
									<div class="wid50 fl tac">
										<p class="cRSecondMenuName">甲醛</p>
										<p>（mg/m2-h）</p>
									</div>
									<div class="wid50 fl tac">
										<p class="cRSecondMenuName">TOVC</p>
										<p>（mg/m2-h）</p>
									</div>
									<div class="clear"></div>
								</div>
							</div>
							<div class="controlRequest">
								<div class="cRFirstMenu">现场数据</div>
								<div class="cRSecondMenu">
									<div class="wid50 fl tac">
										<p class="cRSecondMenuName">甲醛</p>
										<p>（mg/m2-h）</p>
									</div>
									<div class="wid50 fl tac">
										<p class="cRSecondMenuName">TOVC</p>
										<p>（mg/m2-h）</p>
									</div>
									<div class="clear"></div>
								</div>
							</div>
							<div class="materialBrand">品牌</div>
							<div class="materialModel">型号</div>
							<div class="ifOrNOT">是否合格</div>
							<div class="materialControl">操作</div>
							<div class="clear"></div>
						</li>
						<ul>
							<li class="materialDec" v-for="controlList in controlForm">
								<div class="materialType">{{controlList.type}}</div>
								<div class="materialArea">{{controlList.Area}}</div>
								<div class="controlRequest">
									<div class="materialContentList">
										<div class="wid50 fl tac">
											<p class="materialContent">{{controlList.requestJiaquan}}</p>
										</div>
										<div class="wid50 fl tac">
											<p class="materialContent">{{controlList.requestTOVC}}</p>
										</div>
										<div class="clear"></div>
									</div>
								</div>
								<div class="controlRequest">
									<div class="materialContentList">
										<div class="wid50 fl tac">
											<p class="materialContent">
												<input type="text">
											</p>
										</div>
										<div class="wid50 fl tac">
											<p class="materialContent">
												<input type="text">
											</p>
										</div>
										<div class="clear"></div>
									</div>
								</div>
								<div class="materialBrand">{{controlList.brand}}</div>
								<div class="materialModel">{{controlList.model}}</div>
								<div class="ifOrNOT">{{controlList.yesOrNo}}</div>
								<div class="materialControl">
									<a href="javascript:void(0);">上传报告</a>
									<a href="javascript:void(0);">查看报告</a>
								</div>
								<div class="clear"></div>
							</li>
						</ul>
					</ul>
				</div>
			
				
			</div>
			<!--项目圈内容 end-->
		</div>
		<!--内容 end-->
		
	</body>
	<script type="text/javascript" src="../js/jquery.min.js"></script>
	<script type="text/javascript" src="../js/vue.js"></script>
	<script type="text/javascript" src="../js/vueComponent.js"></script>
	<script type="text/javascript" src="../js/component.js"></script>
	<script type="text/javascript">
		$(document).ready(function(){
			//获取content宽度
			var contentWidth = $(window).innerWidth() - 180;
			$('.content').css('width',contentWidth + 'px');
			//获取content最小高度
			var contentMinHeight = $(window).innerHeight() - 60;
			$('.content').css('min-height',contentMinHeight + 'px');
		});
		
		var loginInfo = new Vue({
			el:'.loginInfo'
		});
		
		
		var constructionCheck = new Vue({
			el:'.constructionCheck',
			data:function(){
				return{
					checkForm:[
						{
							type:'强化木地板',
							brand:'德尔',
							model:'GP-331',
							Area:'16.58',
							batch:'2',
							quantity:'20'
						},
						{
							type:'强化木地板',
							brand:'德尔',
							model:'GP-331',
							Area:'16.58',
							batch:'2',
							quantity:'20'
						},
						{
							type:'强化木地板',
							brand:'德尔',
							model:'GP-331',
							Area:'16.58',
							batch:'2',
							quantity:'20'
						}
					],
					controlForm:[
						{
							type:'强化木地板',
							Area:'16.5',
							requestJiaquan:'0.4',
							requestTOVC:'0.4',
							brand:'德尔',
							model:'GP-331',
							yesOrNo:'是'
						},
						{
							type:'强化木地板',
							Area:'16.5',
							requestJiaquan:'0.4',
							requestTOVC:'0.4',
							brand:'德尔',
							model:'GP-331',
							yesOrNo:'是'
						},
						{
							type:'强化木地板',
							Area:'16.5',
							requestJiaquan:'0.4',
							requestTOVC:'0.4',
							brand:'德尔',
							model:'GP-331',
							yesOrNo:'是'
						},
						{
							type:'强化木地板',
							Area:'16.5',
							requestJiaquan:'0.4',
							requestTOVC:'0.4',
							brand:'德尔',
							model:'GP-331',
							yesOrNo:'是'
						},
					]
				}
			}
		});
	</script>
</html>
